<div class="d-n">
    <svg version="1.1" viewBox="0 0 64 64" id="icon-arrow-right">
        <g>
            <polyline fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="bevel" stroke-miterlimit="10" points="27,15 44,32 
		27,49 	" />
        </g>
    </svg>
</div>
<ui-view>
    <div class="lh0">
        <img src="./images/person_bg.jpeg" alt="" class="w-full">
    </div>
    <div class="p-r pb32">
        <div class="portrait-box protrait-offset ta-c">
            <div class="protrait-style"><img ng-src="{{headImg}}" alt=""></div>
            <div class="protrait-name"></div>
        </div>
    </div>
    <div class="paper-b m8">
        <ul class="list">
            <li class="bor-b b-tran">
                <a ui-sref="person.animal">查看代养
					<svg class="icon icon20 c-grey f-r">
                    	<use xlink:href="#icon-arrow-right"></use>
                	</svg>
                </a>
            </li>
            <li class="bor-b b-tran">
                <a ui-sref="person.farm">我的农场
					<svg class="icon icon20 c-grey f-r">
                    	<use xlink:href="#icon-arrow-right"></use>
                	</svg>
                </a>
            </li>
            <li>
                <a ui-sref="person.indent.fin">查看订单
					<svg class="icon icon20 c-grey f-r">
                    	<use xlink:href="#icon-arrow-right"></use>
                	</svg>
                </a>
            </li>
        </ul>
    </div>
    <div class="paper-b m8">
        <div class="flex-box lh0">
            <div class="lh0 mtb8 mr16 ml8 circle56"><img class="w72" src="./images/yunong.png" alt=""></div>
            <div class="flex1 lh16">
                <p class="pt16">客服电话：131 123 38787</p>
                <p class="c-grey pt8">工作时段：9：00-22：00</p>
            </div>
        </div>
    </div>
</ui-view>
<style>
.protrait-offset {
    position: absolute;
    width: 100%;
    top: -50px;
}

.protrait-style {
    display: inline-block;
    height: 90px;
    width: 90px;
    border: solid 6px rgba(241, 241, 241, 1);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    /*-webkit-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3);*/
}

.protrait-style>img {
    width: 100%;
    height: 100%;
}


</style>
